<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="css/public.css" media="all">
		<link rel="stylesheet" href="css/system.css" media="all">
		<script type="text/javascript" src="layui/layui.js"></script>
		<script type="text/javascript" src="layui/css/layui.css"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<!-- <script type="text/javascript" src="js/jquery.min.js"></script> -->
		<!--<script type="text/javascript" src="js/public.js"></script>-->
		<script type="text/javascript" src="js/system.js"></script>		
		<script type="text/javascript" src="js/paging.js"></script>	
		<title>系统设置-账号设置</title>
	</head>
	<body onload="pageStart(72);">
		<!--账号添加start-->
		<div style="display: none;" id="addDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 600px;">
				<div class="popup-top">
					<label class="popup-add-title">新增用户</label>
					<img onclick="closePop(1);" src="img/close_icon.png"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">用户工号<label>*</label></div>
					<input id="userNum" type="text" class="popup-input-sys" placeholder="请输入用户工号"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">账号密码<label>*</label></div>
					<input id="pwd" type="password" class="popup-input-sys" placeholder="请输入账号密码"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">确认密码<label>*</label></div>
					<input id="confirmPwd" type="password" class="popup-input-sys" placeholder="请输入确认密码"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">用户姓名<label>*</label></div>
					<input id="userName" type="text" class="popup-input-sys" placeholder="请输入姓名"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">联系电话<label>*</label></div>
					<input id="contact" type="text" class="popup-input-sys" placeholder="请输入联系电话"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">岗位<label>*</label></div>
		
					<select class="popup-input-sys" style="width: 62%;" id="position">
					</select>
					<!-- <input id="position" type="text" class="popup-input-sys" placeholder="请输入岗位"/> -->
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">状态<label>*</label></div>
					<select class="popup-input-sys" style="width: 62%;" id="status">
						<option id="1">启用</option>
						<option id="2">禁用</option>
					</select>
				</div>
				<div class="popup-item-sys">
					<form id="common-form">  
					<div class="popup-txt-sys">权限<label>*</label></div>
					<input id="authorityRead" checked="checked" type="checkbox" name="authority" value="1" class="sys-check" onclick="authorityCheck(1);">
					<div class="popup-txt-sys">只可读</div>
					<input id="authorityAll" type="checkbox" name="authority" value="2" class="sys-check" onclick="authorityCheck(2);">
					<div class="popup-txt-sys">所有操作</div>
					</form>
				</div>
				<div class="popup-itemsys" style="text-align: center;">
					<center>
					<button class="saveBtn" onclick="btnSave(1);" style="margin-left: 130px;">保存</button>
					<button class="cancelBtn" onclick="closePop(1);" style="margin-left: 30px;" >取消</button>
					</center>
				</div>	
			</div>
		</div>
		<!--账号添加end-->
		<!--账号编辑start-->
		<div style="display: none;" id="editDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 600px;">
				<div class="popup-top">
					<label class="popup-add-title">编辑用户</label>
					<img onclick="closePop(2);" src="img/close_icon.png"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">用户工号<label>*</label></div>
					<input id="userNum_edit" type="text" class="popup-input-sys" placeholder="请输入用户工号"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">账号密码<label>*</label></div>
					<input id="pwd_edit" type="password" class="popup-input-sys" placeholder="请输入账号密码"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">确认密码<label>*</label></div>
					<input id="confirmPwd_edit" type="password" class="popup-input-sys" placeholder="请输入确认密码"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">用户姓名<label>*</label></div>
					<input id="userName_edit" type="text" class="popup-input-sys" placeholder="请输入用户姓名"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">联系电话<label>*</label></div>
					<input id="contact_edit" type="text" class="popup-input-sys" placeholder="请输入联系电话"/>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">岗位<label>*</label></div>
					<select class="popup-input-sys" style="width: 62%;" id="position_edit">
					</select>
					
					<!-- <input id="position_edit" type="text" class="popup-input-sys" placeholder="请输入岗位"/> -->
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">状态<label>*</label></div>
					<select class="popup-input-sys" style="width: 62%;" id="status_edit">
						<option id="1">启用</option>
						<option id="2">禁用</option>
					</select>
				</div>
				<div class="popup-item-sys">
					<div class="popup-txt-sys">权限<label>*</label></div>
					<input id="authorityRead_edit" checked="checked" type="checkbox" name="authority" value="1" class="sys-check" onclick="authorityCheck(1);">
					<div class="popup-txt-sys">只可读</div>
					<input id="authorityAll_edit" type="checkbox" name="authority" value="2" class="sys-check" onclick="authorityCheck(2);">
					<div class="popup-txt-sys">所有操作</div>
				</div>
				<div class="popup-itemsys" style="text-align: center;">
					<center>
					<button class="saveBtn" onclick="btnSave(2);" style="margin-left: 130px;">保存</button>
					<button class="cancelBtn" onclick="closePop(2);" style="margin-left: 30px;">取消</button>
					</center>
				</div>	
				<input id="userId" value="1"  style="display: none;"/>
			</div>
		</div>
		<!--账号编辑end-->
		<div class="data-div">
			<div class="sys-title">基本信息</div>
			<!-- 基本信息编辑开始 -->
			<div id="account_edit" style="display: none;" class="sys-account-edit">
				<div style="float: left;">
					<img id="headImgEdit" class="sys-account-head" /></br>
					<!-- <button class="sys-account-btn" >点击更换</button> -->
					<label  class="sys-account-head-change" for="headFile">点击更换</label>
					<input id="headFile" name="file" type="file" accept="image/jpg,image/jpeg,image/png" hidden="hidden" onchange="headChange(1,this);"/>
				</div>
				
				<div class="sys-account-right">
					<div class="sys-account-item">
						<img src="img/name_icon.png" />
						<label>姓名：</label>
						<input id="name" type="text" placeholder="请输入姓名" value=""/>
					</div>
					<div class="sys-account-item">
						<img src="img/position_icon.png" />
						<label>职位：</label>
						<input id="job_edit" type="text" placeholder="请输入职位" value=""/>
					</div>
					<div class="sys-account-item">
						<img src="img/department_icon.png" />
						<label>部门：</label>
						<input id="department" type="text" placeholder="请输入部门" value=""/>
						<input id="deptId" style="display: none;" type="text" value=""/>
					</div>
					<div class="sys-account-item">
						<img src="img/sex_icon.png" />
						<label>性别：</label>
						<select id="sex">
							<option value="男" >男</opiton>
							<option value="女" >女</opiton>
						</select>
					</div>
					<div class="sys-account-item" style="text-align: center;">
						<button class="sys-account-submit" onclick="accountSubmit();">提交</button>
						<button class="sys-account-cancel" onclick="accountCancel();">取消</button>
					</div>
				</div>
			</div>
			<!-- 基本信息编辑结束 -->
			<!-- 基本信息开始 -->
			<div id="account_info" class="sys-account-info">
				<div style="float: left;">
					<img id="headImg" class="sys-account-head" /></br>
					<!-- <button class="sys-account-btn" >点击更换</button> -->
					<label  class="sys-account-head-change" for="headFile">点击更换</label>
					<input id="headFile" name="file" type="file" accept="image/jpg,image/jpeg,image/png" hidden="hidden" onchange="headChange(2,this);"/>
				</div>
				
				<div class="sys-account-right" style="width: 70%;float: left;">
					
					<div class="sys-account-item">
						<label style="font-size: 22px;" id="userName_head"></label></br>
					</div>
					<div class="sys-account-item">
						<!-- 职位 -->
						<img src="img/position_icon.png" />
						<label>职位：</label>
						<label id="job_head"></label>
						<!-- 部门 -->
						<img src="img/department_icon.png" style="margin-left: 10%;"/>
						<label>部门：</label>
						<label id="deptName_head"></label>
						<!-- 性别 -->
						<img src="img/sex_icon.png" style="margin-left: 10%;"/>
						<label>性别：</label>
						<label id="sex_head"></label>
					</div>
				</div>
				<div class="sys-account-edit-right" onclick="accountEditShow();">
					<img src="img/account_edit_icon.png" />
					<label>编辑</label>
				</div>
			</div>
			<!-- 基本信息结束 -->
			<!-- 账号信息开始 -->
			<div style="float: left;width: 100%;" >
				<div class="sys-title">账号信息</div>
				<div class="sys-account-item-down">
					<label>账号：</label>
					<label id="phone_head"></label>
				</div>
				<div class="sys-account-item-down">
					<label>密码：</label>
					<input id="pwd_head_edit" type="password" placeholder="请输入密码" value=""/>
					<span onclick="accountEdit(1);">修改</span>
				</div>
				<div class="sys-account-item-down">
					<label>家乡：</label>
					<input id="address" type="text" placeholder="请输入家乡" value=""/>
					<span onclick="accountEdit(2);">修改</span>
				</div>
				<div class="sys-account-item-down">
					<label>现居：</label>
					<input id="current_residence" type="text" placeholder="请输入现居地" value=""/>
					<span onclick="accountEdit(3);">修改</span>
				</div>
				<div class="sys-account-item-down">
					<label>工龄：</label>
					<input id="working_years" type="text" placeholder="请输入工龄" value=""/>
					<span onclick="accountEdit(4);">修改</span>
				</div>
			</div>
			<!-- 账号信息结束 -->
			<div style="float: left;width: 100%;" >
				<div class="sys-title">管理账号</div>
				<button id="deleteUser" class="my-add-btn" style="background: #ee3131;" onclick="batchDelete();">删除用户</button>
				<button id="addUser" class="my-add-btn" onclick="showUser(1,0);">新增用户</button>
				<div id="data_user" class="data-div-table">
					<table>
						<tr class="table-top">
							<td width="6%"><input id="allCheck" type="checkbox" value="0" onchange="selectAll()"></td>
							<td width="10%">序号</td>
							<td width="10%">姓名</td>
							<td width="10%">岗位</td>
							<td width="14%">电话</td>
							<td width="10%">登录次数</td>
							<td width="20%">最后登录时间</td>
							<td width="10%">状态</td>
							<td width="10%">操作</td>
						</tr>
						<tr class="item-white">
							<td colspan="9" style="text-align: center;"><div>暂无数据</div></td>
						</tr>
					</table>
				</div>
				<center><div id="page" class="page_div"></div></center>
			</div>
			<input id="pageNo" value="1" style="display: none;"/>
			<input id="total_page" value="1"  style="display: none;"/>
			<input id="total_rows" value="1"  style="display: none;"/>
			<input id="keyword" value="查询"  style="display: none;"/>
		</div>
	</body>
</html>
